<template>
    <div class="doc-content-wrapper">
        <div class="doc-content-container">
            <div class="doc-content">
                <h2 class="mb-5 flex items-center">移动数组元素并删除原位置的元素</h2>
                <Codemirror :code="code1" name="移动数组元素并删除原位置的元素" class="mb-10" />
            </div>
        </div>
    </div>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue'

export default defineComponent({
    setup () {
        const code1 = ref(`function moveAndDelete(arr, fromIndex, toIndex) {
  const element = arr.splice(fromIndex, 1)[0]; // 移除数组中 fromIndex 位置的元素并返回它
  arr.splice(toIndex, 0, element); // 在数组中 toIndex 位置插入 element
  return arr; // 返回更新后的数组
}
 
// 示例使用
const myArray = [1, 2, 3, 4, 5];
const newArray = moveAndDelete(myArray, 2, 4); // 将索引2的元素移动到索引4的位置
 
console.log(newArray); // 输出: [1, 2, 4, 5, 3]`)

        return {
            code1
        }
    }
})
</script>

<style scoped>

</style>